@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(https://tabok.googlecode.com/svn/trunk/fonts/DroidKufi-Regular.eot);
  src: url(https://tabok.googlecode.com/svn/trunk/fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(https://tabok.googlecode.com/svn/trunk/fonts/DroidKufi-Regular.woff2) format('woff2'),
       url(https://tabok.googlecode.com/svn/trunk/fonts/DroidKufi-Regular.woff) format('woff'),
       url(https://tabok.googlecode.com/svn/trunk/fonts/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(https://tabok.googlecode.com/svn/trunk/fonts/DroidKufi-Bold.eot);
  src: url(https://tabok.googlecode.com/svn/trunk/fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(https://tabok.googlecode.com/svn/trunk/fonts/DroidKufi-Bold.woff2) format('woff2'),
       url(https://tabok.googlecode.com/svn/trunk/fonts/DroidKufi-Bold.woff) format('woff'),
       url(https://tabok.googlecode.com/svn/trunk/fonts/DroidKufi-Bold.ttf) format('truetype');
}
body
{
          background-attachment: fixed;
	 background: url(http://i57.servimg.com/u/f57/18/53/83/70/bg10.png) ;
	color: #373737;
	font: 10pt 'droid Arabic Kufi',tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px;

}
a:link, body_alink
{
	color: #1769a1;
       text-decoration: none;
}
a:visited, body_avisited
{
	color: #1769a1;
        text-decoration: none;
}
a:hover, a:active, body_ahover
{
	color: #49b2f6;
        text-decoration: none;
}
.page
{
	background: #FFFFFF;
	color: #3098CD;
}
.bodyline {
    background-color: #F2F2F2;
}

.tborder
{
	background: rgb(238, 238, 238);
	color: #e4e4e4;
	border: 1px solid #eee;


}
.tcat432 {
background: #45ACDC url(http://i57.servimg.com/u/f57/18/53/83/70/tcat11.png) repeat-x top left;
border-bottom: 5px solid #373737;
border-left: 1px solid #EEE;
border-radius: 0 0 15px 15px;
border-right: 1px solid #EEE;
color: #FFF;
font-family: "Droid Arabic Kufi";
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: 700;
height: 15px;
}
.tcat22
{
	background: #45ACDC url(http://i57.servimg.com/u/f57/18/53/83/70/tcat11.png) repeat-x top left;
	color: #FFFFFF;
	font: bold 14px "Droid Arabic Kufi";;
	border-radius: 0 0 15px  15px;
	border-right: 1px solid #EEE;
	border-left: 1px solid #EEE;
	border-bottom: 4px solid #373737;
        height:10px;
}

.tcat
{
	background: #45ACDC url(http://i57.servimg.com/u/f57/18/53/83/70/tcat11.png) repeat-x top left;
	color: #FFFFFF;
	font: bold 16px "Droid Arabic Kufi";;
	border-radius: 15px 15px 0  0;
	border-right: 1px solid #EEE;
	border-left: 1px solid #EEE;
	border-top: 5px solid #373737;
        height:30px;
}


.tcat a:link, .tcat_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #FFFFFF;
	text-decoration: underline;
}
.thead
{
	background: #373737 ;
	color: #ffffff;
	font:  12px "Droid Arabic Kufi";
  	border: 1px solid #eee;
background: #45ACDC url(http://i57.servimg.com/u/f57/18/53/83/70/tcat11.png) repeat-x top left;
}
.thead a:link, .thead_alink
{
	color: #ffffff;
	text-decoration: none;
}
.thead a:visited, .thead_avisited
{
	color: ##F96E5B;
	text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: ##F96E5B;
	text-decoration: underline;
}
.tfoot
{
	background: url(http://i57.servimg.com/u/f57/18/53/83/70/tcat11.png) repeat-x;
	color: #CCCCCC;
	font: bold 11px "Droid Arabic Kufi";;
}
.tfoot a:link, .tfoot_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #CCCCCC;
	text-decoration: none;
}
.alt1, .alt1Active
{
	background: #ffffff;
	color: #015fa9;
	font:  14px "Droid Arabic Kufi";;

	
	
	
}

.alt2, .alt2Active
{
        background:#ffffff;
	color: #F96E5B;
	font:  14px "Droid Arabic Kufi";;

  
	
}




.inlinemod
{
	background: #FFFFCC;
	color: #000000;
}
.wysiwyg
{
	color: #666666;
	font: bold 16px arial;
	margin: 5px 10px 10px 10px;
	padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
	color: #666666;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
	color: #666666;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
	color: #015fa9;
}
select
{
	font: 11px "Droid Arabic Kufi";;
}
option, optgroup
{
	font-size: 11px;
	font-family: "Droid Arabic Kufi";;
}
.smallfont
{
	color: #000;
	font: 11px "Droid Arabic Kufi";;
}
.time
{
	color: #015fa9;
}
.navbar
{
	font: 13px "Droid Arabic Kufi";;
}
.highlight
{
	color: #FF0000;
	font-weight: bold;
}
.fjsel
{
	background: #666666;
	color: #CCCCCC;
}
.fjdpth0
{
	background: #666666;
	color: #CCCCCC;
}
.panel
{
	background: #f9f9f9;
	color: #5a595b;
	padding: 10px;
	background: #f9f9f9!important;
	border: 10px #E6E6E6 solid;
}
.panelsurround
{
	background: #f9f9f9;
	color: #5a595b;
	font: bold 16px arial,verdana,helvetica;;
}
legend
{
	color: #015fa9;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
	background: url(http://i57.servimg.com/u/f57/18/53/83/70/tcat11.png) repeat-x top left;
	color: #CCCCCC;
	font: bold 11px "Droid Arabic Kufi";;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
	border-radius: 10px 10px 0  0;
	border-top: 3px solid #373737;
	border-bottom: 1px solid #373737;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #ffffff;
	text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #ffffff;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #CCCCCC;
	text-decoration: none;
}
.vbmenu_popup
{
	background: #FFFFFF;
	color: #000000;
}
.vbmenu_option
{
	background: #BBC7CE;
	color: #000000;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #22229C;
	text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #22229C;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite
{
	background: #8A949E;
	color: #FFFFFF;
	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid #000000;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #000000;
	text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #000000;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #333333;
	text-decoration: none;
}

@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/DroidKufi-Regular.eot);
  src: url(fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(fonts/DroidKufi-Regular.woff2) format('woff2'),
       url(fonts/DroidKufi-Regular.woff) format('woff'),
       url(fonts/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/DroidKufi-Bold.eot);
  src: url(fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(fonts/DroidKufi-Bold.woff2) format('woff2'),
       url(fonts/DroidKufi-Bold.woff) format('woff'),
       url(fonts/DroidKufi-Bold.ttf) format('truetype');
}
/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }
/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */


.fieldset { margin-bottom: 6px;}

.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

html, body {
	margin: 0px;
	padding: 0px;
	direction: rtl;
}


input, select, textarea {
	outline: none;
	cursor: pointer;
	margin: 2px;
}
ol, ul, li, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-position: inside;
}
h1 { font-size: 12px; }
img { border: none; }
input[type=text], textarea, select, input[type=password] {

	font-family: 'Droid Arabic Kufi'
	font-size: 12px;

}
input[type=submit], .button, input[type=reset], button {

	color: #015fa9;
	font-family: Droid Arabic Kufi;
  	font: bold 14px "Droid Arabic Kufi";
	margin: 0px;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}
fieldset {
	font: Tahoma;
  	color:#069dd4;
	margin-bottom: 6px;
	border: 1px #E6E6E6 solid;
	background: #fefefe;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}
fieldset a { font:  8pt Tahoma, Geneva, sans-serif !important }



a:hover, a:active, body_ahover
{
	color: #1AA6C0;
	text-decoration: underline;

}

.header
{
	background-image:url(http://i56.servimg.com/u/f56/18/86/08/85/header10.png);
	background-repeat:repeat-x;
	height:429px;
}

.header_right
{
	background-image:url(http://im87.gulfup.com/n9O7jH.png);
	height:429px;
	width:633px;
	float:right;
}

.header_left
{
	background-image:url(http://i56.servimg.com/u/f56/18/86/08/85/header12.png);
	height:429px;
	width:557px;
	float:left;
}

.but2 {

	margin-top: 0px;
        margin-right: 0px;	
}

#but ul {
	list-style:none;	
}

#but ul li {
	float:right;
        right:100px;
	padding:14px 30px 25px 30px;	
	background:url(http://i56.servimg.com/u/f56/18/86/08/85/bg_but10.png) no-repeat left top;
	cursor:pointer;
	/*width:50px;*/
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
		
	#but ul li {
		float:right;
		padding:0px 30px 0px 30px;	
		background:url(http://i56.servimg.com/u/f56/18/86/08/85/bg_but11.png) no-repeat left top;
		cursor:pointer;
                
		/*width:50px;*/
	}

}
#but ul li a {
	color:#fff;
	text-decoration:none;
	font-family:Droid Arabic Kufi;
	font-size:14px;
	font-weight:normal;
	filter: progid:DXPRO2013/gradientsgeTransform.Microsoft.DropShadow(
      offx=2, offy=-1, color=#000000);
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
		
	#but ul li a {
		color:#d4d4d4;
		text-decoration:none;
		text-shadow: 2px -1px #000;
		filter: progid:DXPRO2013/gradientsgeTransform.Microsoft.DropShadow(
      offx=2, offy=-1, color=#000000);
}

}
#but ul li:hover  {

        border-top: 4px solid #373737;
	border-left:0px solid #282b2c;
	padding:5px 30px 18px 29px;
	
}

#but ul li:hover  a {
	color:#373737;	
}
.logo {
background: url('http://i39.servimg.com/u/f39/18/48/29/29/logo10.png') no-repeat scroll center top rgba(0, 0, 0, 0);
height: 300px;
float: right;
margin: 60px -574px 0px 0px;
}
.ads1 {
    background-image: url('http://i56.servimg.com/u/f56/18/86/08/85/ads0210.png');
    width: 350px;
    height: 70px;
    position: absolute;
    top: 100px;
    float: right;
    right: 340px;
}
.ads2 {
    background-image: url('http://i56.servimg.com/u/f56/18/86/08/85/ads0210.png');
    width: 350px;
    height: 70px;
    position: absolute;
    top: 190px;
    float: right;
    right: 340px;

}
.twasol {
    background-image: url('http://i56.servimg.com/u/f56/18/86/08/85/groupi10.png');
    width: 140px;
    height: 50px;
    position: absolute;
    top: 310px;
    float: right;
    right: 320px;
}
/*---------&Egrave;&Iuml;&Ccedil;&iacute;&Eacute; &atilde;&auml;&Oslash;&THORN;&Eacute; &Ccedil;&aacute;&Ograve;&aelig;&Ccedil;&Ntilde;-------*/

.login-user{
	float:left;
	position:relative;
	height:60px;
	width:480px;
	top:-121px;
	left:100px;
    background:url('http://i56.servimg.com/u/f56/18/86/08/85/login-11.gif') no-repeat;
}
.usernamee{
	top:20px;
	right:108px;
	position:absolute;
	width:95px;
	height:14px;
	background:transparent;
	border:0px;
    font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
	color:#656464;
	padding:3px 2px 4px 0;
}
.passwordd{
	top:20px;
	right:236px;
	position:absolute;
	width:104px;
	height:14px;
	background:transparent;
	border:0px;
        font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
	color:#656464;
	padding:3px 2px 4px 0;
}
.rememberr{
	top:25px;
	right:355px;
	position:absolute;
}
.login-enter{
	border:0px;
        top:11px;
	right:425px;
	position:absolute;
	height:24px;
	width:49px;
	background:transparent;

}
.login-enter:hover{
        border:0px;
        top:0px;
	right:426px;
	position:absolute;
	height:60px;
	width:48px;
    background:url('http://i56.servimg.com/u/f56/18/86/08/85/login-10.gif') no-repeat;
}

/*---------&atilde;&auml;&Oslash;&THORN;&Eacute; &Ccedil;&aacute;&Ccedil;&Uacute;&Ouml;&Ccedil;&Aacute;-------*/
.login-cp {
    height: 35px;
    background: none no-repeat scroll 0% 0% transparent;
    top: 302px;
    position: relative;
    left: 425px;
    float: left;
    width: 150px;
    top: -127px;

}
.usernameee{
    position:absolute;
    width:350px;
    top:10px;
    right: 75px;
    color:#737363;
    font-family:'Droid Arabic Kufi';
    font-size: 14px;           
}
.usernameee a{
	color:#01719F;
}

/*---------&Ecirc;&aring;&Ccedil;&iacute;&Eacute; &atilde;&auml;&Oslash;&THORN;&Eacute; &Ccedil;&aacute;&Ccedil;&Uacute;&Ouml;&Ccedil;&Aacute;-------*/

/*---------str ser-------*/

.from-search{
	float:left;
	position:relative;
	height:46px;
	width:302px;
        top:3px;
        left:105px;
	background:url('http://i56.servimg.com/u/f56/18/86/08/85/search10.png') no-repeat;
}
.text-search{
	position:absolute;
	left:80px;
	background: transparent;
	border:0px #989797 solid;
    font-family:'Droid Arabic Kufi';
	font-size:13px;
	font-weight:normal;
	color:#fff;
	height:19px;
	top:7px;
	width:205px;
	padding:3px 2px 4px 0;
}
.searchsubmit{
	width:59px;
	height:24px;
	position:absolute;
	top:5px;
	background: transparent;
	border:0;
	left:12px;
}.searchsubmit:hover{

	background:url('http://i56.servimg.com/u/f56/18/86/08/85/search11.png') no-repeat;
        width:82px;
	height:46px;
        top: 0px;
        left:0px;
}
/*---------end ser-------*/
.h {
	background-image:url('http://i56.servimg.com/u/f56/18/86/08/85/sama_e10.png');
	height: 96px;
	background-repeat: no-repeat;
	width: 360px;
	float: left;
        left:105px;
        top:88px;
	position: relative;
}
a.rab1 {
	position: absolute;
	height: 96px;
	width: 110px;
	left: 250px;
}
a.rab1:hover {
	background-image: url('http://i56.servimg.com/u/f56/18/86/08/85/sama_e11.png');
	background-position: -250px 0px;
	background-repeat: no-repeat;
	height: 96px;
	width: 110px;
}
a.rab2 {
	position: absolute;
	height: 96px;
	width: 110px;
	left: 125px;
}
a.rab2:hover {
	background-image: url('http://i56.servimg.com/u/f56/18/86/08/85/sama_e12.png');
	background-position: -125px 0px;
	background-repeat: no-repeat;
	height: 96px;
	width: 110px;
}
a.rab3 {
	position: absolute;
	height: 96px;
	width: 110px;
	left: 0px;
}
a.rab3:hover {
	background-image: url('http://i56.servimg.com/u/f56/18/86/08/85/sama_e12.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 96px;
	width: 110px;
}
#Footer {
	background:url(http://i56.servimg.com/u/f56/18/86/08/85/footer10.png) repeat-x;
	height:223px;
}
#footerC {
	width:950px;
	margin:auto;
}
.footercopyright {
	height:33px;
	clear:both;
	line-height:33px;
}
.footercopyright span {
	color:#2291E8;
	font-family:'Droid Arabic Kufi';
	font-size:13px;
	font-weight:bold;
	margin-right:-84px;
	margin-top: 43px;
	float:right;
}
.footercopyright span a {
	color:#A88215;
	text-decoration:none;
}
.footercopyright span a:hover {
        color:#A88215;
	text-decoration:underline;
}



#sitemap {
	background:url(http://i56.servimg.com/u/f56/18/86/08/85/sitema10.png) no-repeat  right 9px;
	height:145px;
cursor: crosshair;
	margin-right:100px;
	float:right;
	width:800px;
}
#sitemap ul {
	padding:0;
	margin:0;
	height:100px;
	margin-top:65px;
	list-style:none;
	margin-right:20px;
}
#sitemap ul li {
	background:url(http://i56.servimg.com/u/f56/18/86/08/85/footer11.png) no-repeat right 80%;
	padding-right:15px;
	margin-bottom:11px;
	float:right;
width:180px;
}
#sitemap ul li a {
	color:#fff;
	font-family:'Droid Arabic Kufi';
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}
#sitemap ul li a:hover {
        -moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
color: #069DD4;
padding-right: 5px;
text-decoration: none;
transition: all .3s ease-in-out;
}
#followus {
	background:url(http://i56.servimg.com/u/f56/18/86/08/85/follow10.png) no-repeat right 9px;
	height:145px;
	margin-right:60px;
	float:right;
	width:250px;
}
#followus ul {
	padding:0;
	margin:0;
	height:33px;
	margin-top:65px;
	list-style:none;
	margin-right:20px;
	overflow:hidden;
}
#followus ul li {
	margin-left:3px;
	margin-bottom:5px;
	float:right;
}
#followus ul li:hover {
	margin-top:2px;}
.3arb {
	float:left;
	margin-top:16px;
	margin-left:10px;
}
.3arb:hover {
	margin-left:8px;
}
.button {
    padding-bottom: 20px;
    clear: both;
}
.button {
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}
.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.button:active {
    color: #000;
    border-color: #444;
}

.bginput {
    padding-bottom: 20px;
    clear: both;
}
.bginput {
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}
.bginput:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.bginput:active {
    color: #000;
    border-color: #444;
}
.social {
margin-right: -160px;
float: right;
margin-top: 320px;
width: 180px;
}
.social1 {
background-image: url('http://i56.servimg.com/u/f56/18/86/08/85/social10.png');
background-position: -122px -37px;
background-repeat: no-repeat;
float: right;
height: 36px;
width: 37px;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}

.social1:hover {
background-position: -122px 0px;
}
.social2 {
background-image: url('http://i56.servimg.com/u/f56/18/86/08/85/social10.png');
background-position: -83px -37px;
background-repeat: no-repeat;
float: right;
height: 36px;
width: 37px;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
margin-right: 10px;
}
.social2:hover {
background-position: -83px 0px;
}

.social3 {
background-image: url('http://i56.servimg.com/u/f56/18/86/08/85/social10.png');
background-position: -42px -37px;
background-repeat: no-repeat;
float: right;
height: 36px;
width: 37px;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
margin-right: 10px;
}
.social3:hover {
background-position: -42px 0px;
}
.social4 {
background-image: url('http://i56.servimg.com/u/f56/18/86/08/85/social10.png');
background-position: 0px -37px;
background-repeat: no-repeat;
float: right;
height: 36px;
width: 37px;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
margin-right: 10px;
}
.social4:hover {
background-position: -0px 0px;
}
